import React, { Component } from 'react';
import './App.scss'
// 4.正确拆分组件（30分） 8:27
import {getdata} from './api/index'
import Home from './component/home'; 
// 1. 实现界面的正确排版，高保真(20分)

// 2. 生命周期 (30分)
// 3.正确渲染数据（20分）
// 4.正确拆分组件（30分）

class App extends Component {
  state={
    list:[]
}
componentDidMount(){
//  this.get()
 this.handlong()
}
get(){
  window.location.reload()
  // this.handlong()
}
 async handlong(){
  const resp=await getdata()
  // console.log(111)
  // window.location.reload()
  // location.href=
  this.setState({
      list:resp.data.data
  })
    }
  render() {
    const {list}=this.state
    return (
      <div className='wrap'>
        <div className="header">
          <p>北京</p>
          <p>二手车</p>
          <p></p>
        </div>
        <div className='car'>
          <p>帮买二手车</p>
          <p>帮您卖车</p>
        </div>
        <ul>
            <li>品牌</li>
            <li>价格</li>
            <li>筛选</li>
            <li>排序</li>
          </ul>
          <p onClick={()=>this.get()}>换一换</p>
        <div className="main">
          {/* {list ? } */}
          <Home list={list}></Home>
        </div>
        <div className="footer">
          <p>新车</p>
          <p>二手车</p>
          <p>发现</p>
          <p>社区</p>
          <p>我的</p>
        </div>
      </div>
    );
  }
}

export default App;
